<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>#{messages["system.name.title"]}</title>
                <link rel="shortcut icon" href="#{request.contextPath}/img/logo.ico" />
            </f:facet>

			<h:outputStylesheet library="css" name="login.css" />
			<script language="javascript" src="#{request.contextPath}/resources/script/sino.portal.util.js"></script>
			
			<!-- 自定义脚本区 -->
			<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/jquery/jquery.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
			
        </h:head>


        <h:body>
			<div id="document">
			<div id="document2">
				<div id="header">
					<div id="title">
						<h:graphicImage value="/img/login/hdr.title.gif" />
					</div>
					<h:form id="menuForm">
						<div id="status">
							<h:link id="reset" value="#{messages['login.reset.text']}" />
							#{' | '}
							<h:link id="close" value="#{messages['login.close.text']}" />
					   </div>
					</h:form>
				</div>
				<div id="container">
					<div id="sidebar" style="position: relative; top: -50%;">
						<h:form id="login" style="margin:0;">
						<h:inputHidden id="pageWidth" value="#{preferencesManager.pageWidth}" />
						<h:inputHidden id="pageHeight" value="#{preferencesManager.pageHeight}" />
						<fieldset style="width:190px;">
							<div>
								<h1><h:outputLabel for="username" value="#{messages['login.userName']}" /></h1>
								<h:inputText id="username" value="#{sinoAuthenticator.username}" style="width: 175px;" />
								<div class="errors"><h:message for="username" /></div>
							</div>
							<div>
								<h1><h:outputLabel for="password" value="#{messages['login.password']}" /></h1>
								<h:inputSecret id="password" value="#{sinoAuthenticator.password}" style="width: 175px;" />
							</div>
							<span class="errors"> 
								<h:messages globalOnly="true" />
							</span>
							<div class="buttonBox">
								<h:commandButton id="login" action="#{sinoAuthenticator.login}" value="#{messages['login.login.text']}" />
							</div>
						</fieldset>
						</h:form>
						
						<script type="text/javascript">
							$(document).ready(function(){
								SinoPortal.Login.initLogin();
							});
						</script>
					</div>
					
					<div id="content">
						<!-- 内容区域 -->
						<div class="section">
						<h1>#{messages['login.content.title']}</h1>
						<ul>
							<li>系统上线测试信息测试信息！</li>
							<li>系统上线测试信息测试信息！</li>
							<li>系统上线测试信息测试信息！</li>
							<li>系统上线测试信息测试信息！</li>
							<li>系统上线测试信息测试信息！</li>
							<li>系统上线测试信息测试信息！</li>
							<li>系统上线测试信息测试信息！</li>
							<li>系统上线测试信息测试信息！</li>
							<li>系统上线测试信息测试信息！</li>
							<li>系统上线测试信息测试信息！</li>
						</ul>
						</div>
					</div>
				</div>
				<div id="footer">
					#{messages['login.footer.department']}&#160;&#160;&#160;&#160;&#160;&#160;
					<br />
					#{messages['login.footer.copyright']}&#160;&#160;&#160;&#160;&#160;&#160;
				</div>
			</div>
			</div>
		</h:body>

    </f:view>
</html>
